.g-section{
  margin-bottom: 15px !important;
}

.g-section-lg{
  margin-bottom: 30px !important;
}

.g-section-sm{
  margin-bottom: 5px !important;
}

.g-padding{
  padding: 15px !important;
}

.g-padding-lg{
  padding: 30px !important;
}

.g-padding-sm{
  padding: 5px !important;
}

.g-padding-tb{
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.g-padding-tb-lg{
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.g-padding-tb-sm{
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.g-margin-r{
  margin-right: 10px !important;
}
.g-margin-r-lg{
    margin-right: 15px !important;
}

.g-abs{
  position: absolute;
}

.g-abs-center{
  position: absolute;
  right: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
}

.g-rlt{
  position: relative;
}

.g-text-cut{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  &.l2{
    -webkit-line-clamp: 2;
  }
}

.g-pointer{
  cursor: pointer;
}

.g-width-full{
  width: 100%;
}

.g-width-half{
  width: 50%;
}

.g-width-quarter{
  width: 25%;
}

.g-text-center, .text-center{
  text-align: center !important;
}
.g-text-left{
  text-align: left;
}
.g-text-right{
  text-align: right;
}

.g-center-block{
  margin: 0 auto;
}

.g-push{
  background-color: #fff;
  &:active{
    background-color: #f5f5f5;
  }
}
.g-clearfix:before,
.g-clearfix:after {
  content: " ";
  display: table;
}
.g-clearfix:after {
  clear: both;
}
.g-hidden{
  display: none !important;
}
.g-show{
  display: block !important;
}

h1, .g-size1{
  font-size: $size1 !important;
}
h2, .g-size2{
  font-size: $size2 !important;
}
h3, .g-size3{
  font-size: $size3 !important;
}
h4, .g-size4{
  font-size: $size4 !important;
}
h5, .g-size5{
  font-size: $size5 !important;
}
h6, .g-size6{
  font-size: $size6 !important;
}

.g-border-b{
  border-bottom: 1px solid #d9d9d9;
}

// color
.g-color-white{
  color: #fff !important;
}
.g-bg-white{
  background-color: #fff !important;
}
.g-color-grey{
  color: $grey !important;
}
.g-color-lightgrey{
  color: $lightGrey !important;
}
.g-color-red{
  color: #ee523f;
}
.g-color-main{
  color: $main;
}
.g-color-active{
  color: $active;
}
.g-color-black{
  color: #333;
}
.g-color-red{
  color: red;
}
.g-color-green{
  color: green;
}
.g-color-blue{
  color: #416a8d;
}